<template>
	<view class="server">
		<image class="serverImage" src="../../static/image/test/excavator.jpg"></image>
		<view class="serverDec">
			<!-- 维修服务： -->
			<view class="serverNamestyle">
				{{serverName}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"serverItem",
		data() {
			return {
				
			};
		},
		props:{
			serverName:{
				type:String,
				default:"机械维修",
			}
		}
	}
</script>

<style lang="scss">
.server{
	width: 100vw;
	height: 700rpx;
	border: 3rpx solid #e5e5e5;
	border-radius: 20rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	.serverImage{
		width: 90%;
		height: 90%;
		margin-top: 10%;
		// border: 1px solid black;
	}
	.serverDec{
		display: flex;
		// font-size: 35rpx;
		.serverNamestyle{
			color: #0055ff;
			height: 70rpx;
		}
	}
}
</style>